<template>
  <div class="jieshao">
    <div class="box">
       <div class="item">
        <p class="p1">病发症</p>
        <p class="p2"  v-html=" details.bingfazheng">
         
        </p>
      </div>

      <div class="item">
        <p class="p1">病因</p>
        <p class="p2" v-html=" details.bingyin">
         
        </p>
      </div>
      <div class="item">
        <p class="p1">鉴别</p>
       <p class="p2" v-html=" details.jianbie">
         
        </p>
      </div>
      <div class="item">
        <p class="p1">检查</p>
       <p class="p2" v-html=" details.jiancha">
         
        </p>
      </div>
      <div class="item">
        <p class="p1">预防</p>
       <p class="p2" v-html=" details.yufang">
         
        </p>
      </div>
       <div class="item">
        <p class="p1">症状</p>
       <p class="p2" v-html=" details.zhengzhuang">
         
        </p>
      </div>
       <div class="item">
        <p class="p1">治疗</p>
       <p class="p2" v-html=" details.zhiliao">
         
        </p>
      </div>
      
    </div>
  </div>
</template>

<script>
  

  export default {
    data() {
      return {
        id:'',
        details:""
      }
    },
    methods: {
      getdetails(){
         this.$get("api/gzh_index.php?action=symptoms_show", {
          id:this.id 
        }).then(res => { 
          console.log(res.data,'res')
          res.data.bingyin.replace(" ","<br>");

          this.details=res.data


        }).catch(err => {
          
        });
      }
    },
    created () {
      this.id=this.$route.params.id;
      var title=this.$route.params.title
      console.log(this.$route.params)

      document.getElementsByTagName("title")[0].innerText = title
    },
    mounted () {
      this.getdetails();
    },
  }
</script>

<style scoped>
.jieshao{
  width: 100%;
}
.box{
  width: 675px;
  margin: auto;
}
.item{
  width:100%;
  margin-top: 40px;
  /* font-size:26px;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(0,0,0,1);
  line-height:36px; */
}
.p1{
  font-size:35px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(0,0,0,1);
  line-height:36px;
}
.p2{
  font-size:26px;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(0,0,0,1);
  line-height:36px;
  margin-top: 31px;
  white-space:pre-line;
  text-indent: 52px;
}
</style>